﻿<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link rel="shortcut icon" href="http://www.tumiradavale.com/assets/imagenes/favicon.ico">
<title>Motivarte | Mundial 2014 TU MIRADA VALE</title>
<link href="/assets/css/admin.css" rel="stylesheet" type="text/css">
<!--<script type="text/javascript" src="/assets/js/jquery-2.1.0.min.js"></script>-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="/assets/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" href="/assets/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
<script type="text/javascript">
    $(document).ready(function() {
        $("#boton").click(function() {
            $("#subiendo").show();
        });
        
        $("#bot").click(function() {
            if(confirm("Estás seguro que querés subir está foto? Una vez cargada no podrá ser reemplazada.")) {
                $("#boton").click();
            }
        });
    });
</script>
<?php if(count($fotos) == 2) { ?>
<script type="text/javascript">
    $(document).ready(function() {
        $("#texto1").hide();
        $("#texto2").show();
    });
</script>
<?php } ?>
<?php
if($exitoso == '1') { ?>
<script type="text/javascript">
    $(document).ready(function() {
        alert("Su foto ha sido cargada exitosamente");
    });
</script>
<?php } ?>
<script type="text/javascript">
    $(document).ready(function() {
        <?php foreach($fotos as $foto) { ?>
        $("#foto<?=$foto['idfoto']?>").fancybox();
        <?php } ?>
    });
</script>
<script type="text/javascript">
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
</head>

<body onLoad="MM_preloadImages('/assets/imagenes/aprobadas2.jpg','/assets/imagenes/inicio2.jpg','/assets/imagenes/reglamento2.jpg','/assets/imagenes/registrate2.jpg','/assets/imagenes/lospremios2.jpg','/assets/imagenes/jurados2.jpg','/assets/imagenes/participantes2.jpg')">
<table width="950" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><img src="/assets/imagenes/header.jpg" width="950" height="150"  alt=""/></td>
  </tr>
  <tr>
    <td class="fondo1" ><table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="76%">&nbsp;</td>
          <td width="23%">&nbsp;</td>
        </tr>
        <tr>
          <td><table class="fondoblanco" width="98%" border="0" align="right" cellpadding="0" cellspacing="0">
            <tr>
              <td><div align="right">
                <table width="95%" border="0" align="center" cellpadding="0" cellspacing="0">
                  <tr>
                    <td class="bienvenido"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td><div align="left"><strong>Bienvenido
                          <?=$session['nombre']?>
                          <?=$session['apellido']?>
                        </strong></div></td>
                      </tr>
                      <tr>
                        <td><div id="texto1">
                          <p><strong>Zona de carga </strong><br>
                            <br>
                            Podes enviarnos un maximo de (2) dos fotografias. <br>
                            <strong>IMPORTANTE:</strong> Una vez cargadas las fotografias el sistema no te permitira cambiarlas.<br>
                            <br>
                            Cadaa fotografia debe llevar un titulo.<br>
                            <br>
                              Recordá que el  tamaño máximo permitido de cada fotografia es de <strong>2 MB</strong>.</p>
                        </div>
                          <div id="texto2" style="display: none"><br>
                            <br>
                            <strong>Gracias por participar !</strong><br>
                            <br>
                            Tus 2 fotografias fueron subidas con exito.<br>
							Recordá que a partir del 21 de Julio se abre el periodo de votación online. Tu foto puede ser la ganadora.<br>
                            <br>
                            Para finalizar sesión hace click en salir <br>
                            <br>
                           
                            <br>
                          </div></td>
                      </tr>
                    </table>
                      <p>
                        <?php if(count($fotos) < 2) { ?>
                      </p>
                      <form enctype="multipart/form-data" method="post">
                        <div>
                          <label>Titulo de la fotografia:</label>
                          <input type="text" name="nombre">
                          <?php echo form_error('nombre'); ?><br>
                          <br>
                          <label>Seleccionar archivo:</label>
                          <input type="file" name="foto" accept="image/*">
                        </div>
                        <div style="display: none">
                          <button type="submit" id="boton">Enviar</button>
                        </div>
                        <button type="button" id="bot">Enviar</button>
                        <div style="display: none;" id="subiendo">Por favor aguarde. Su foto está siendo cargada...</div>
                      </form>
                      <p>
                        <?php } ?>
                      </p></td>
                  </tr>
                  <tr>
                    <?php foreach($fotos as $foto) { ?>
                    <td><a id="foto<?=$foto['idfoto']?>" href="/upload/<?=$foto['foto']?>"><img src="/upload/<?=$foto['foto']?>" width="150" height="113" /></a><br>
                      <p class="interiortabla2">Título de la fotografia: <strong>
                        <?=$foto['nombre']?>
                        (ID
                        <?=$foto['idfoto']?>
                        )</strong></p></td>
                    <?php } ?>
                    <br>
                  </tr>
                </table>
              </div></td>
            </tr>
          </table></td>
          <td><table width="220" border="0" cellspacing="0" cellpadding="2">
            <tr>
              <td><div align="right"><a href="/home/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image31','','/assets/imagenes/inicio2.jpg',1)"><img src="/assets/imagenes/inicio1.jpg" alt="" width="184" height="30" id="Image31"></a></div></td>
            </tr>
            <tr>
              <td><div align="right"><a href="/bases_y_condiciones/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','/assets/imagenes/reglamento2.jpg',1)"><img src="/assets/imagenes/reglamento1.jpg" alt="" width="184" height="30" id="Image2"></a></div></td>
            </tr>
            <tr>
              <td><div align="right"><a href="/premios/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','/assets/imagenes/lospremios2.jpg',1)"><img src="/assets/imagenes/lospremios1.jpg" alt="" width="184" height="30" id="Image4"></a></div></td>
            </tr>
            <tr>
              <td><div align="right"><a href="/jurado/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image81','','/assets/imagenes/jurados2.jpg',1)"><img src="/assets/imagenes/jurados1.jpg" alt="" width="184" height="30" id="Image81"></a></div></td>
            </tr>
            <tr>
              <td><div align="right"><a href="/usuarios/login/"><img src="../../../assets/imagenes/empezar.jpg" width="184" height="30"  alt=""/></a></div></td>
            </tr>
            <tr>
              <td><div align="right"><a href="/participantes/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image10','','/assets/imagenes/participantes2.jpg',1)"><img src="/assets/imagenes/particiantes1.jpg" alt="" width="184" height="30" id="Image8"></a></div></td>
            </tr>
            <tr>
              <td><div align="right"><a href="/usuarios/logout/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image9','','/assets/imagenes/logout2.jpg',1)"><img src="/assets/imagenes/logout1.jpg" alt="" width="184" height="30" id="Image"></a></div></td>
            </tr>
            <tr>
              <td align="right"><div class="fb-like-box" data-href="https://www.facebook.com/profile.php?id=25044306242&amp;fref=ts" data-width="200" data-height="220" data-colorscheme="light" data-show-faces="true" data-header="false" data-stream="true" data-show-border="true"></div></td>
            </tr>
          </table></td>
        </tr>
        <tr>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
        </tr>
      </table></td>
  </tr>
  <tr>
    <td bgcolor="#34499E"><img src="/assets/imagenes/footer.jpg" width="950" height="60"  alt=""/></td>
  </tr>
</table>
</body>
</html>
